* {
    -fx-primary-color: #47494b;
    -fx-app-background: rgb(240, 242, 245);
    -fx-content-background: #FFF;
    -fx-error-color: #f5222d;
    -fx-divider-color: #e8e8e8;
    -fx-menu-item-bg: -fx-primary-color;
    -fx-menu-item-focus-bg: -fx-app-background;
    -fx-menu-item-hover-bg: #595959;
    -fx-content-pref-height: 516;
    -fx-accent-color: #52c41a;

    /**
    -fx-primary-color: #47494b;
    -fx-app-background: rgb(240, 242, 245);*/
}

.root {
    -fx-font-family: "PingFang SC";
    -fx-font-smoothing-type: gray;
}

.dashboard {
    /*-fx-font-family: "Segoe UI", "Microsoft YaHei", "Segoe UI Emoji", "Segoe UI Symbol";*/
    -fx-font-family: "PingFang SC";
    -fx-font-smoothing-type: gray;
    -fx-pref-width: 960px;
    -fx-pref-height: 640px;
    -fx-background: -fx-app-background;
}

.logo {
    -fx-cursor: hand;
}

.header-box {
    -fx-pref-width: 760px;
    -fx-pref-height: 32px;
    /**/
    -fx-border-width: 0 0 1px 0;
    -fx-border-color: #e8e8e8;
}

.header-box .header {
    -fx-font-size: 14px;
    -fx-text-fill: #a1a1a1;
    -fx-font-family: "PingFang SC";
    -fx-font-weight: bold;
    -fx-pref-width: 760px;
    -fx-pref-height: 31px;
    -fx-alignment: CENTER;
}

.main-box {
    -fx-padding: 8px 16px;
    -fx-background-color: rgb(240, 242, 245);
}

.title-box {
    -fx-font-size: 16px;
    -fx-text-fill: #000;
    -fx-font-weight: 600;
    /**-fx-font-family: "PingFang SC";*/
    -fx-pref-width: 760px;
    -fx-pref-height: 48px;
    -fx-padding: 8px 16px;
    -fx-background-color: -fx-content-background;
    -fx-border-width: 0 0 1px 0;
    -fx-border-color: -fx-divider-color;
}

.content-box {
    -fx-pref-width: 760px;
    -fx-pref-height: -fx-content-pref-height;
    -fx-border-width: 0px;
}

.content-view {
    -fx-pref-width: 728px;
    -fx-pref-height: -fx-content-pref-height;
    -fx-background-color: -fx-content-background;
    -fx-padding: 8px 16px;
}

.content-view-no-padding {
    -fx-pref-width: 728px;
    -fx-pref-height: -fx-content-pref-height;
    -fx-background-color: -fx-content-background;
    -fx-padding: 0px 0px;
}

.footer-box {
    -fx-pref-width: 760px;
    -fx-pref-height: 60px;
    -fx-spacing: 16px;
    -fx-padding: 17px 0px 9px 0px;
    /*
    -fx-border-width: 1px 0 0 0;
    -fx-border-color: #bebebe;
    */
    -fx-alignment: CENTER_RIGHT;
}

/********  Grid 排版 ******/
.display-grid {

}
.display-grid>.label {
    -fx-padding: 0.5em 0.5em;
    -fx-font-size: 14px;
}

.display-grid>.text-field {
    -fx-pref-height: 32px;
    -fx-pref-width: 290px;
    -fx-max-width: Infinity;
}

.display-grid>.password-field {
    -fx-pref-height: 32px;
    -fx-pref-width: 290px;
    -fx-max-width: Infinity;
}

.grid {
    /* 1 pixel border around the top and right of the grid: */
    -fx-background-color: black, white;
    -fx-background-insets: 0, 1 1 1 1 ;
    -fx-padding: 1 ;
}
.grid>*.label {
    /* 1 pixel border around the left and bottom of each cell: */
    -fx-background-color: black, white;
    -fx-max-width: Infinity;
    -fx-max-height: Infinity;
    -fx-background-insets: 0, 1 1 1 1 ;
}
/********  Grid 排版 End ******/

/********  段落排版 ******/

.h3 {
    -fx-font-size: 16px;
    -fx-font-weight: 500;
    -fx-text-fill: #0d1a26;
    -fx-padding: 0.6em 0 0.6em 0;
}

.p {
    -fx-font-size: 14px;
    -fx-text-fill: -fx-primary-color;
    -fx-padding: 0.6em 0 0.6em 0;
}

.div {
    -fx-font-size: 14px;
    -fx-text-fill: -fx-primary-color;
    -fx-padding: 0.4em 0 0.4em 0;
}

.div-16 {
    -fx-font-size: 16px;
    -fx-text-fill: -fx-primary-color;
    -fx-padding: 0.4em 0 0.4em 0;
}

.span {
    -fx-font-size: 13px;
    -fx-text-fill: -fx-primary-color;
    -fx-padding: 0.2em 0 0.2em 0;
}

.warning {
    -fx-font-size: 16px;
    -fx-text-fill: -fx-error-color;
}

.font-16 {
    -fx-font-size: 16px;
    -fx-font-weight: 500;
    -fx-text-fill: #0d1a26;
}

.selected-slot {
    -fx-font-size: 16px;
    -fx-font-weight: 500;
    -fx-text-fill: white;
    -fx-padding: 4px 12px;
    -fx-background-color: -fx-accent-color;
    -fx-effect: dropshadow(three-pass-box, -fx-accent-color, 14, 0, 0, 0);
}

/********  段落排版 End ******/

.separator *.line {
    -fx-border-style: solid;
    -fx-border-width: 1px 1px 0 0; /* its make really one-pixel-border */
    -fx-border-color: #e8e8e8;
}

.button>*.glyph-font {
    -fx-text-fill: black;
}

.button:pressed>*.glyph-font {
    -fx-text-fill: #FFF;
}

/**** action box ***/
.action-box {
    -fx-spacing: 4px;
}

.action-box > *.button {
    -fx-padding: 0 2px;
    -fx-font-size: 13px;
}

.uplink-action-box > *.button {
    -fx-padding: 0px 4px;
    -fx-font-size: 13px;
}